@mixin onepxBottom($border-color:#ddd) {
    &:after{content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; transform: scale(1,.5); border-bottom: 1px solid $border-color; transform-origin: 0 0;}
}

@mixin onepxTop($border-color:#ddd) {
    &:before{content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 0; transform: scale(1,.5); border-top: 1px solid $border-color; transform-origin: 0 0;}
}

@mixin onepxRight($border-color:#ddd) {
    &:after{content: ''; width: 1px; height: 100%; position: absolute; right: -2px; top: 0; transform: scale(.5, 1); border-right: 1px solid $border-color; transform-origin: 0 0;}
}
